<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="style.css" />
    <title>Practice Home</title>
  </head>
  <body>
    <nav class="main-nav">
      <div class="container">
        <div class="title">YuuFen</div>
        <ul>
          <li><a href="/">Home</a></li>
          <li><a href="#projects">Projects</a></li>
          <li><a href="https://gitee.com/Yu_Fen/ts_html_css_practice_projects" target="_blank">Repo</a></li>
        </ul>
      </div>
    </nav>
    <header class="showcase">
      <div class="container">
        <h2>Web Projects With Vanilla JavaScript</h2>
        <h1>Just some mini projects using nothing but HTML5, CSS &amp; JavaScript. No JS or CSS frameworks, no libraries, etc</h1>
        <a href="https://gitee.com/Yu_Fen/ts_html_css_practice_projects" target="_blank" class="btn btn-img">
          <img src="gitee.png" />
          <span>View On Gitee</span>
        </a>
      </div>
    </header>

    <section id="projects" class="projects"></section>

    <script src="script.js"></script>
  </body>
</html>
